<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="img/logo-ico.png" type="images/png">
    <title>木鱼案例-木鱼网络-合肥网站建设公司-门户与电子商城运维-微信移动手机网站 - 木鱼网络-合肥网络公司-微信定制开发-微信小程序开发-UI设计-高端网站建设</title>
    <meta name="description" content="木鱼网络有限公司专注于传统企业品牌化互联网+解决方案，主要提供高端网站建设与UED设计、微信定制开发、微信小程序开发及用户体验策划新媒体运营、品牌电商化解决方案及数字营销服务。">
    <meta name="keywords" content="合肥网络公司|合肥网站建设|用户体验策划|网页设计|微信定制开发|UIAPP设计|移动手机网站制作|微信定制开发-微信小程序开发">
    <!-- Bootstrap -->
    <!-- <link href="dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/news.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<!--    添加vue和axios支持-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
  </head>
  <body>
    <div class="page_spinner"></div>

    <div th:insert="nav::header-nav"></div>

    <div class="news" id="news">
<!--      <div class="news-nav">-->
<!--        <a href="#" class="on">全部</a>-->
<!--        <a href="#">观点</a>-->
<!--        <a href="#">动态</a>-->
<!--      </div>-->
      <div id="wrapp" class="wrap active clearfix" >
        <div class="mode popup_in" v-for="news in newsList">
          <p class="pic">
            <a :href="news.newsHref"><img  :src="'/img/'+news.cover" style="height:auto;"></a>
          </p>
          <font>
            <span class="clearfix news-title">
              <a href="#">{{news.newsTitle}}</a>
              <font class="fr">{{formate(news.newsDate)}}</font>
            </span>
          </font>
          <font>
            <a href="#" class="news-content">{{news.description}}</a>
          </font>
        </div>

      </div>
<!--      <div id="pages">-->
<!--          <a class="a1">69条</a> -->
<!--          <a href="#" class="a1">上一页</a>-->
<!--          <span>1</span>-->
<!--          <a href="/work/2.html">2</a> -->
<!--          <a href="#">3</a> -->
<!--          <a href="#">4</a> -->
<!--          <a href="#">5</a> -->
<!--          <a href="#" class="a1">下一页</a>-->
<!--        </div>-->
    </div>
    <div class="section5">
      <div class="foot">
        <div class="s5-f-main">
          <span class="f1">有心意 有新意 木鱼有约</span>
          <span class="s5-f-share">
            <a target="blank" class="QQ-ico" href="http://wpa.qq.com/msgrd?v=3&amp;uin=17131599&amp;site=qq&amp;menu=yes" title="Q我吧"></a>
            <a href="javascript:void(0);" class="WX-ico"></a>
            <a href="http://weibo.com/muyu7" target="_blank" class="WB-ico"></a>
          </span>
          <span class="s5-f-number clearfix">
            <span class="f1">欢迎拨打</span>
              <span class="f2">
                <div>
                  <span>0551-6561 2007</span>
                  <span>189-05513707</span>
                </div>
              </span>
          </span>
        </div>
        <div>
          <div class="adress">地址：合肥市望江东路44号金水坊文化产业园4栋   电话/微信：189-0551 3707</div>
          <div class="copyright">© 2016-2018 www.muyu007.com All Rights Reserved. 皖B2-20110088</div>
        </div>
      </div>
    </div>
    <div class="top-controll">
      <a href="javascript:;" class="M-menu1" style=""></a>
      <a href="javascript:;" target="" class="M-menu2" style=""></a>
    </div>
<!--    <div class="kefu"></div>-->
<!--    <div class="new-bridge">-->
<!--      <div class="text">-->
<!--        <p>亲，终于等到你了，</p>-->
<!--        <p>想来点什么呢？</p>-->
<!--      </div>-->
<!--      <div class="btns">-->
<!--        <a href="#">稍后再说</a>-->
<!--        <a href="#">现在咨询</a>-->
<!--      </div>-->
<!--      <span class="cancel"></span>-->
<!--    </div>-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/work.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!-- <script src="dist/js/bootstrap.min.js"></script> -->
  </body>
<script>
  let showNewsVue = new Vue({
    el: '#news',
    data: {
      newsList: ""
    },
    methods:{
      formate: function (date) {
        var date = new Date(date);
        var year = date.getFullYear();
        var month = date.getMonth()+1;
        var day = date.getDate();
        return year+"-"+month+"-"+day;
      }
    }
  });

  function getNews(pageNo){
  Vue.http.post('/getNews',{pageNo:pageNo},{emulateJSON:true})
          .then((res)=>{
            showNewsVue.newsList=res.data.data;
          },(error)=>{
            console.log(error);
          });
    }

  $(document).ready(function () {
    getNews(1);
    // let params = new URLSearchParams();
    // params.append("pageNo",1);
    // axios.post('/getNews',
    //         params,
    //         {headers: {'Content-Type': 'application/x-www-form-urlencoded'}})
    //         .then((response)=>{
    //   console.log(response.data[0].newsTitle);
    // }).catch((error) =>{
    //   console.log(error);
    // });


  })
</script>
</html>